<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="text.css">
</head>
<body>
    <div class="header">
        <div class="xuexi">          
            <h3>学习强国</h3>
        </div>
        <div class="diyike">
            <input type="text" class="kaixue" placeholder="开学第一课">
            <div class="shuxian"></div>
            <h3 class="wode">我的</h3>
        </div>
        
    </div>

    <div class="top_bar">
        <div class="top_menu_list">
            <a class="btu cur" href="#">推荐</a>
            <a class="btu" href="#">要闻</a>
            <a class="btu" href="#">思想</a>
            <a class="btu" href="#">北京</a>
            <a class="btu" href="#">综合</a>
            <a class="btu" href="#">县级融媒</a>
            <a class="btu" href="#">实播中国</a>
            <a class="btu" href="#">快闪</a>
            <a class="btu" href="#">发布</a>
            <a class="btu" href="#">青春中国</a>
            <a class="btu" href="#">法治中国</a>
            <a class="btu" href="#">建党</a>
            <a class="btu" href="#">订阅</a>
        </div>

        <div class="content_list">
            <section class="section_item">
                <div class="item_detail">
                    <h3 class="title">大学生为什么要学习党章 | “党章是党的章程，它是应该政党为实现党的纲领、开展正规活动、规定党内事务所规定的根本法规，
                        是党赖以建立和活动的法规体系的基础，是党的各级组织和全体党员必须遵守的基本...”
                    </h3>
                    <div class="item_info">
                        <span class="zhiding">置顶</span>
                        <span>新华社</span>
                        <span>评论 2373 2分钟前</span>
                    </div>    
                </div>               
            </section>
            <section class="section_item">
                <div class="item_detail">
                    <h3 class="title">大学生为什么要学习党章 | “党章是党的章程，它是应该政党为实现党的纲领、开展正规活动、规定党内事务所规定的根本法规，
                        是党赖以建立和活动的法规体系的基础，是党的各级组织和全体党员必须遵守的基本...”
                    </h3>
                    <div class="item_info">
                        <span class="zhiding">热</span>
                        <span>央视网</span>
                        <span>评论 28973 10分钟前</span>
                    </div>    
                </div>               
            </section>
            <section class="images_item">
                <div class="item_detail">
                    <h3 class="title">疫情下高考学子砥砺前行？考试难度上升？</h3>
                    <div class="images">
                    	<p>
                        <img src="img/22 (2).jpg"item_info">
                        	</p>
                        	
                        <span class="zhiding">热</span>
                        <span>金华新闻</span>
                        <span>评论 23734545 13分钟前</span>
                    </div>  
                </div>
            </section>

            <section class="ad_item">
                <div class="item_detail">
                    <h3 class="title">疫情疫苗</h3>
                    <div class="images">
                        <img src="img/22 (1).jpg"item_info">
                    <span class="guanggao">广告</span>
                    <span>人民日报</span>
                    <span>评论 23 20分钟前</span>
                </div> 
            </section>

            
        </div>
    </div>
</body>
</html>